<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,
     user-scalable=no"/>
    <title>js3-2</title>


    <link rel="stylesheet" href="task3-2.css">

</head>
<body>
<div class="header">
    <div class="return" onclick="backspace()"></div>
    <div style="font-size: 19px;color: white;">法官日志</div>
    <div class="close" id="off"></div>
</div>

<main>

<div class="boxes" id="main-box">

    <div class="profession-box">
        <div class="profession-flex">
            <div class="profession-name">水民</div>
            <div class="profession-num">1号</div>
        </div>
    </div>

</div>



</main>

<footer>
  <button id="button">
     投死
  </button>
</footer>


<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>
<script src="../task3/task3-2.js"></script>
</body>
</html>